{"componentChunkName":"component---src-templates-portfolio-jsx","path":"/portfolios/COLORBERRY/","result":{"data":{"site":{"siteMetadata":{"title":"jigglog","author":"JIGGLYPOP","homepage":"http://jigglog.s3-website.ap-northeast-2.amazonaws.com"}},"portfolio":{"id":"5b0ceca2-3834-58cd-bbc8-6b74a4415cdd","html":"<h2 id=\"about\" style=\"position:relative;\"><a href=\"#about\" aria-label=\"about permalink\" class=\"anchor-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>ABOUT</h2>\n<hr>\n<ul>\n<li>COLORBERRY 3D 웹 싸피 팀 프로젝트</li>\n<li>three.js 를 이용한 3D 웹 프로젝트</li>\n</ul>\n<h2 id=\"tools\" style=\"position:relative;\"><a href=\"#tools\" aria-label=\"tools permalink\" class=\"anchor-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>TOOLS</h2>\n<hr>\n<h5>DATABASE</h5>\n<hr>\n<ul>\n<li>My SQL</li>\n</ul>\n<h5>BACKEND</h5>\n<hr>\n<ul>\n<li>AWS</li>\n<li>DJANGO</li>\n</ul>\n<h5>FRONTEND</h5>\n<hr>\n<ul>\n<li>REACT</li>\n<li>REDUX</li>\n<li>THREE.JS</li>\n</ul>\n<h2 id=\"function\" style=\"position:relative;\"><a href=\"#function\" aria-label=\"function permalink\" class=\"anchor-header before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>FUNCTION</h2>\n<hr>\n<ul>\n<li>3D 웹페이지 구현. 카메라 컨트롤 시점 이동, 포스트 6개에 따른 장소 이동 페이지네이션 구현</li>\n<li>포스트 6개 단위로 새로운 미술 관람실을 생성하면서 페이지네이션</li>\n<li>기타 조명 기능</li>\n<li>3D 포스트 기능</li>\n<li>회원가입/로그인/로그아웃 기능</li>\n<li>포스트 CRUD 기능</li>\n<li>댓글 기능</li>\n</ul>","frontmatter":{"title":"COLORBERRY","images":["ColorBerry/images/colorberry.png","ColorBerry/images/colorberry2.png","ColorBerry/images/colorberry3.png","ColorBerry/images/colorberry4.png","ColorBerry/images/colorberry5.png","ColorBerry/images/colorberry6.png","ColorBerry/images/colorberry7.png","ColorBerry/images/colorberry8.png"],"date":"2022-02-20T00:00:00.000Z","site":"http://colorberry.s3-website.ap-northeast-2.amazonaws.com/","iconset":["mysqllogo","awslogo","djangologo","reactlogo","reduxlogo","three.jslogo","javascriptlogo","htmlscriptlogo","react-three-fiberlogo","blenderlogo","csslogo"]}}},"pageContext":{}}}